<script setup lang="ts">
const router = useRouter()

function handleChooseTrip() {
  router.push('chooseInvoiceType')
}

function handleViewTitleList() {
  router.push('invoiceTitleList')
}

function handleViewIssuingInvoicesHistory() {
  router.push('issuingInvoicesHistory')
}
</script>

<template>
  <Spacer height="30" />
  <view class="mx-24rpx rounded-20rpx bg-white">
    <ListCell label="开具电子发票" @tap="handleChooseTrip">
      <image
        class="h-25rpx w-13rpx"
        src="@/static/images/cheveron-right.png"
      />
    </ListCell>
    <Divider width="642" color="#E6E6E6" />
    <ListCell label="常用发票抬头" @tap="handleViewTitleList">
      <image
        class="h-25rpx w-13rpx"
        src="@/static/images/cheveron-right.png"
      />
    </ListCell>
    <Divider width="642" color="#E6E6E6" />
    <ListCell label="开票历史" @tap="handleViewIssuingInvoicesHistory">
      <image
        class="h-25rpx w-13rpx"
        src="@/static/images/cheveron-right.png"
      />
    </ListCell>
  </view>
  <Spacer height="40" />
  <view class="mx-24rpx">
    <view class="text-30rpx text-#FA662F font-medium leading-30rpx">
      温馨提示：
    </view>
    <Spacer height="20" />
    <view class="text-24rpx text-#666666 font-medium leading-40rpx">
      1.这里是文字信息这里是文字信息这里是文字信息这里是文字信息这里是文字信息这里是文字信息这里是文字信息这里是文字信息这里是文字
    </view>
  </view>
</template>

<route lang="yaml">
name: 'invoiceReimbursement'
style:
  navigationBarTitleText: '发票报销'
</route>
